<div class="public_sidebox">
    <div class="sidebox">
        <div class="sidebox_pane1">
            <ul class="sidebox_pane1_one">
                <li class="sidebox_span1">
                    <span></span>
                    <div class="hover_box">
                        <a href="">登录</a>
                        <i style="font-style: normal;margin-left: 8px;color: #fff" class="fl">|</i>
                        <a href="" class="fr">注册</a>
                    </div>
                </li>
                <li class="sidebox_span2">
                    <span class="sidebox_span2_1"></span>
                    <span class="sidebox_span2_2">购物车</span>
                    <span class="sidebox_span2_3">0</span><div></div>
                </li>
                <li><span class="sidebox_span3_1"></span><div class="hover_box"><a href="">&nbsp;&nbsp;&nbsp;我的收藏</a></div></li>
                <li><span class="sidebox_span4_1"></span><div class="hover_box"><a href="">&nbsp;&nbsp;&nbsp;我的足迹</a></div></li>
                <li><span style="color: #fff">top</span><div></div></li>
            </ul>
        </div>
    </div>
</div>
<script>
    $(function () {
        $(".hover_box").parent("li").on("mouseover",function () {
            $(this).find("div").stop().show().stop().animate({"left":"-83px"},500).css("background","#0094ff");
        })
        $(".hover_box").parent("li").on("mouseout",function () {
            $(this).find("div").stop().animate({"left":"-95px"},500,function () {
                $(".hover_box").hide();
            }).css("background","#0094ff");
        })
    })
</script>